$(function(){
	var userGrid = $("#project");
	userGrid.datagrid({
		url:'project/list',
		fit:true,
		border:false,
		rownumbers:true,
		fitColumns:true,
		pagination : true,
		columns : [ [ {	
			field : 'title',
			title : '项目标题',
			width : 100,
			align: 'center'
		},{		
			field : 'classes',
			title : '班级',
			align: 'center',
			width : 100,
			formatter : function(val,rec){
				return rec.classes.className;
			}
		},{		
			field : 'classes.teacherEmp',
			title : '教员',
			align: 'center',
			width : 100,
			formatter : function(val,rec){
				return rec.classes.teacherEmp.name;
			}
		}, {		
			field : 'entryTime',
			title : '创建时间',
			align: 'center',
			width : 100
		}, {		
			field : 'endTime',
			title : '结束时间',
			align: 'center',
			width : 100
		}, {
			field : 'status',
			title : '状态',
			width : 100,
			align: 'center'		
		},{
			field : 'introduce',
			title : '简介',
			width : 100,
			align: 'center'		
		},{
			field : 'ac',
			title : '操作',
			width : 100,
			align : 'center',
			formatter:function(value,row,index){
				var bts = [];
				bts.push('<a data-index="'+index+'" class="ctr edit" >编辑</a>');
				bts.push('<a data-id="'+row.id+'" data-index="'+index+'" class="ctr xq">详情</a>');
				bts.push('<a data-id="'+row.id+'" data-index="'+index+'" class="ctr delete">删除</a>');
				return bts.join('');
			}
		}]],
		toolbar:[
		     {
		    	 iconCls:'icon-add',
		    	 text:"创建项目",
		    	 url:"add_project",
		    	 handler : function(index) {
		    		 addProject();
				}
		     }
		]	
	});

	var title = $("#project_title");
	var classesId = $("#classesId");

	// 检索按钮事件
	$("#userSearch").on('click', function() {
		userGrid.datagrid("load", {
			title : "%" + title.val() + "%",
			classes :classesId.val()
		});
	});
	
	var form = $("#userSearchForm"); 

	$("#userReset").on('click', function() {
		form.form('clear');
		// 清除查询参数
		userGrid.datagrid("load", {});
	});
	
	var gridPanel = userGrid.datagrid("getPanel");
	gridPanel.on("click", "a.edit", function() {
		// 获取data-xxx绑定的标签属性数据
		var index = this.dataset.index;
		// 如果只有下标，没有id的情况，要获取id
		var rows = userGrid.datagrid("getRows");
		// 同下标获取对应行的数据对象
		var id = rows[index].id;
		addProject(id);
	}).on("click", "a.delete", function() {
		// 获取data-xxx绑定的标签属性数据
		var index = this.dataset.index;
		var id = this.dataset.id;
		$.messager.confirm("提示", "您确定要删除此数据?", function(r) {
			// 点击了确定按钮，r返回的结果为true
			if (r) {
				$.get("project/deleteproject/" + id, function(rs) {
					if (rs.success) {
						// 刷新表格
						userGrid.datagrid("reload");
					} else {
						$.message.alert("提示", rs.message);
					}
				});
			}
		});
	}).on("click","a.xq",function(){
		// 获取data-xxx绑定的标签属性数据
		var index = this.dataset.index;
		// 如果只有下标，没有id的情况，要获取id
		var rows = userGrid.datagrid("getRows");
		// 同下标获取对应行的数据对象
		var id = rows[index].id;
		var tabs = $("#tabs");
		var tab=$("#tabs").tabs('getSelected');
		 tabs.tabs('update',{   
				tab:tab,
				options: {
					closable:true,
					title: '项目管理',
					 href:'project/project_members/'+id 
				}
	  });
	 tab.panel('refresh', 'project/project_members/'+id);
	});
	
	function addProject(id){
		// 创建窗口
		var dialog = $("<div/>").dialog({
			href : 'project/add_project' + (id ? ("/" + id) : ""),
			title:"项目信息",
			height:423,
			width:350,
			modal : true,
			onClose : function() {
				// 窗口关闭的同时销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-save',
				text : '保存',
				handler : function() {
					// 获取到表单对象
					var projectForm = $("#projectForm");
					// 校验表单
					if (projectForm.form('validate')) {
						// serialize方法可以获取到表单所有数据
						$.post("project/save", projectForm.serialize(), function(rs) {
							if (rs.success) {
								//刷新数据表格
								userGrid.datagrid("reload");
								//关闭窗口
								dialog.dialog("close");
							} else {
								$.messager.alert("提示", rs.message);
							}
						});
					}
				}
			} ]
		});
	}
	
});